import React from "react";
import { NavLink } from "react-router-dom";
import { Icon } from "antd";
import "./index.css";
import Sider from "../sider/sider";
import Foot from "../home1/index";
const logo = () => {
  return (
    <>
      <nav className="heade-top">
        <h1 className="logo">言情小说</h1>
        <div className="logo-right">
          <NavLink to="/login">
            <Icon className="icon" type="user" />
          </NavLink>
          <NavLink to="/login">
            <Icon className="icon" type="read" />
          </NavLink>
        </div>
      </nav>
      <main>
        <Sider />
      </main>
      <div className="head_foot">
        {/* 热搜小说 */}
        <div className="head_xuan">
          <NavLink to="/Classify">
            <i className="head_i"></i>
          </NavLink>
          <p>分类</p>
        </div>
        {/* 免费小说 */}

        <div className="head_xuan">
          <NavLink to="/list">
            <i className="head_i2"></i>
          </NavLink>
          <p>排行榜</p>
        </div>
        {/* vip小说 */}

        <div className="head_xuan">
          <NavLink to="/welfare">
            <i className="head_i3"></i>
          </NavLink>
          <p>福利</p>
        </div>
        <div className="head_xuan">
          <NavLink to="/news">
            <i className="head_i4"></i>
          </NavLink>
          <p>新书</p>
        </div>
        <div className="head_xuan">
          <NavLink to="/finish">
            <i className="head_i5"></i>
          </NavLink>
          <p>完本</p>
        </div>
      </div>
      <Foot />
    </>
  );
};

export default logo;
